iT邦幫忙

2022 iThome 鐵人賽

DAY 16
0

React是一個巨大且紛雜的主題,對於很多開發者來說,相對於JS,充斥的許多不同的意見、看法、甚至是分歧。

今天,我們就來看看其中一個常見的主題:JSX

JSX中的箭頭函數是可以被接受的

如果你已經學習過React使用它一陣子,我相信你可能被再三叮嚀你不應該在JSX中使用箭頭函數。這是因為:每次render時都會創建一個額外的函數,這對性能有很大的傷害。例如以下這個例子:

export function App() {
    return (
        <div>
            <button onClick={() => console.log("Click")}>Click</button>
        </div>
    );
}

但是事實是。這種實操對於性能的影響是可以忽略不計的。甚至它的好處遠超過於他的壞處,舉例來說:它很方便,更具有可讀性。

未完待續...


上一篇
習慣:JS的尾聲
下一篇
Hooks(1/2)
系列文
被討厭的前端實務手冊|JS x TS x React18
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言